<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/banner.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../js/banner.js">
    <link rel="stylesheet" href="../iconfont/iconfont.css">

</head>

<body>
    <!-- 头部 -->
    <nav class="xtxNav">
        <div class="xtxLogin w">
            <ul>
                <li><a href="#">请先登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">会员中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">关注我们</a></li>
                <li><i class="iconfont icon-shouji"></i> <a href="#">手机版</a></li>
            </ul>
        </div>
    </nav>
    <!-- 首页 -->
    <!-- <div class="xtxHomepage w">
        <div>
            <h1>
                <a href="#"><img
                        src="../image/logo.png"
                        alt=""></a>
            </h1>
        </div>
        <div>
            <ul>
                <li><a href="#" class="active">首页</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">服饰</a></li>
                <li><a href="#">母婴</a></li>
                <li><a href="#">个护</a></li>
                <li><a href="#">严选</a></li>
                <li><a href="#">数码</a></li>
                <li><a href="#">运动</a></li>
                <li><a href="#">杂项</a></li>
            </ul>
        </div>
        <div>
            <i class="iconfont icon-RectangleCopy"></i>
            <input type="text" placeholder="搜一搜">

        </div>
        <div>
            <a href="#"><i class="iconfont icon-gouwuche"></i></a>
        </div>
    </div> -->
    <div class="xtxHomepage w">
        <div class="page">
            <div class="topLogo">
                <h1>
                    <a href="#"><img src="../image/logo.png" alt=""></a>
                </h1>
            </div>
            <div>
                <ul>
                    <li><a href="#" class="active">首页</a></li>
                    <li>
                        <a href="#">居家</a>
                    </li>
                    <li><a href="#">美食</a></li>
                    <li><a href="#">服饰</a></li>
                    <li><a href="#">母婴</a></li>
                    <li><a href="#">个护</a></li>
                    <li><a href="#">严选</a></li>
                    <li><a href="#">数码</a></li>
                    <li><a href="#">运动</a></li>
                    <li><a href="#">杂项</a></li>
                </ul>
            </div>
            <div class="disabled">
                <div class="shoppingTop">
                    <div class="search">
                        <i class="iconfont icon-RectangleCopy"></i>
                        <input type="text" placeholder="搜一搜">

                    </div>
                    <div class="font">
                        <a href="#" class="goods-inconfont">
                            <i class="iconfont icon-gouwuchekong"></i>
                            <em>3</em>
                        </a>
                    </div>
                </div>
                <div class="box">
                    <div class="triangle"></div>
                    <div class="list">
                        <div class="item">
                            <a href="#">
                                <img src="https://yanxuan-item.nosdn.127.net/4356c9fc150753775fe56b465314f1eb.png"
                                    alt="">
                                <div class="center">
                                    <p class="name">大师监制龙泉青瓷茶叶罐</p>
                                    <p class="attr">规格:中号</p>
                                </div>
                                <div class="right">
                                    <p class="price">￥239.00</p>
                                    <p class="count">x1</p>
                                </div>
                            </a>
                            <i class="iconfont icon-chahao"></i>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="https://yanxuan-item.nosdn.127.net/c09706c1e85dd2f5c9886b4f3e0cbbf0.png"
                                    alt="">
                                <div class="center">
                                    <p class="name">让全家人喝上甜甜的水黑科技镁离子净水壶</p>
                                    <p class="attr">颜色:【半年版-白色】1壶9芯（适用6~9个月）</p>
                                </div>
                                <div class="right">
                                    <p class="price">¥448.00</p>
                                    <p class="count">x1</p>
                                </div>
                            </a>
                            <i class="iconfont icon-chahao"></i>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="https://yanxuan-item.nosdn.127.net/9208f2df07d79dd39fb9f5eaf9ca95c6.png"
                                    alt="">
                                <div class="center">
                                    <p class="name">匠心手工羊脂玉白茶具礼盒6件套</p>
                                    <p class="attr">规格:1*壶；1*公道杯；4*品茗杯</p>
                                </div>
                                <div class="right">
                                    <p class="price">￥339.00</p>
                                    <p class="count">x1</p>
                                </div>
                            </a>
                            <i class="iconfont icon-chahao"></i>
                        </div>
                    </div>
                    <div class="foot">
                        <div class="total">
                            <p class="goodsTotal">共3件商品</p>
                            <p class="price">￥1026</p>
                        </div>
                        <button>去购物车结算</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- main -->
    <div class="w row">
        <span class="back">首页></span>
        <span>居家</span>
    </div>
    <!-- 轮播图 -->
    <div class="pic w">
        <div class="banner">
            <div class="bannerPicture">
                <ul>
                    <li>
                        <a href="#">
                            <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/dfc11bb0-4af5-4e9b-9458-99f615cc685a.jpg"
                                alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="toggle">
                <span class="next">&lt;</span>
                <span class="prev">&gt;</span>
            </div>
            <div class="bannerIndicator">
                <ul>
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="classicAll w">
        <h3>全部分类</h3>
        <ul>
            <!-- 每个图片都需要跳转 -->
            <li><img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/7f6a7b20-7902-4b43-b9c5-f33151ef1334.jpg?quality=95&imageView"
                    alt="">
                <p><a href="../html/Pet.html">居家生活用品</a></p>
            </li>
            <li><img src="https://yanxuan.nosdn.127.net/366989e4d730594e86fcd60b5ab19acc.png?quality=95&imageView"
                    alt="">
                <p>收纳</p>
            </li>
            <li><img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                    alt="">
                <p>宠物食品</p>
            </li>
            <li><img src="https://yanxuan.nosdn.127.net/9544b81aaa14c26a8038c2365ff3c2bc.png?quality=95&imageView"
                    alt="">
                <p>艺术藏品</p>
            </li>
            <li><img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                    alt="">
                <p>宠物用品</p>
            </li>
            <li><img src="https://yanxuan.nosdn.127.net/3f34039fa8c26e18e2f4fc96ed8cb6de.png?quality=95&imageView"
                    alt="">
                <p>家庭医疗</p>
            </li>
            <li><img src="https://yanxuan.nosdn.127.net/2bfba997fd031317caecc4f0bad17569.png?quality=95&imageView"
                    alt="">
                <p>中医保健</p>
            </li>
        </ul>
    </div>
    <div class="lifegoods w">
        <h3>-居家生活用品-</h3>
        <p class="tag">温暖柔软 ，品质之选</p>
        <!-- 跳转 -->
        <span class="checkall">查看全部></span>
        <div>
            <div class="onebox">
                <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-05/6fdcac19-dd44-442c-9212-f7ec3cf3ed18.jpg"
                    alt="">
                <p class="diamond">钻石陶瓷涂层多用锅</p>
                <p class="security">安全耐用，易于清洗</p>
                <p class="price">￥149.00</p>
            </div>
        </div>
    </div>
    <div class="storage w">
        <h3>-收纳-</h3>
        <p class="warm">温暖柔软 ，品质之选</p>
        <!-- 跳转 -->
        <span class="checkall">查看全部></span>
        <div class="fivebox">
            <!-- <div class="box">
                <img src=""alt="">
                <p class="name"></p>
                <p class="spec"></p>
                <p class="price"></p>
            </div> -->
        </div>
    </div>
    <div class="petfood w">
        <h3>-宠物食物-</h3>
        <p class="warm">温暖柔软 ，品质之选</p>
        <!-- 跳转 -->
        <span class="checkall">查看全部></span>
        <div class="food">
            <!-- <div class="box">
                <img src=""alt="">
                <p class="name"></p>
                <p class="spec"></p>
                <p class="price"></p>
            </div> -->
        </div>
    </div>
    <div class="art w">
        <h3>-艺术藏品-</h3>
        <p class="warm">温暖柔软 ，品质之选</p>
        <!-- 跳转 -->
        <span class="checkall">查看全部></span>
        <div class="artbox">
            <!-- <div class="box">
                <img src=""alt="">
                <p class="name"></p>
                <p class="spec"></p>
                <p class="price"></p>
            </div> -->
        </div>
    </div>
    <div class="petgoods w">
        <h3>-宠物用品-</h3>
        <p class="warm">温暖柔软 ，品质之选</p>
        <!-- 跳转 -->
        <span class="checkall">查看全部></span>
        <div class="petgoodsbox">
            <!-- <div class="box">
                <img src=""alt="">
                <p class="name"></p>
                <p class="spec"></p>
                <p class="price"></p>
            </div> -->
        </div>
    </div>
    <div class="homehealthy w">
        <h3>-家庭医疗-</h3>
        <p class="warm">温暖柔软 ，品质之选</p>
        <!-- 跳转 -->
        <span class="checkall">查看全部></span>
        <div class="homebox">
            <!-- <div class="box">
                <img src=""alt="">
                <p class="name"></p>
                <p class="spec"></p>
                <p class="price"></p>
            </div> -->
        </div>
    </div>
    <div class="chinesemedical w">
        <h3>-中医保健-</h3>
        <p class="warm">温暖柔软 ，品质之选</p>
        <!-- 跳转 -->
        <span class="checkall">查看全部></span>
        <div class="chinesebox">
            <!-- <div class="box">
                <img src=""alt="">
                <p class="name"></p>
                <p class="spec"></p>
                <p class="price"></p>
            </div> -->
        </div>
    </div>
    <!-- 尾部 -->
    <footer class="footer">
        <div class="contact ">
            <div class="container ">
                <ul>
                    <li>
                        <p>客户服务</p>
                        <em>
                            <i class="iconfont icon-tubiao-weixin"></i>
                            在线客服
                        </em>
                        <em>
                            <i class="iconfont icon-yiwenwenhaoduihuakuangjiedaxianxing"></i>
                            问题反馈
                        </em>
                    </li>
                    <li>
                        <p>关注我们</p>
                        <em>
                            <i class="iconfont icon-icon-test17"></i>
                            公众号
                        </em>
                        <em>
                            <i class="iconfont icon-icon-test12"></i>
                            微博
                        </em>
                    </li>
                    <li>
                        <p>下载APP</p>
                        <em>
                            <img src="http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="">
                        </em>
                        <div>
                            <p>扫描二维码</p>
                            <p>立马下载APP</p>
                            <a href="#">下载页面</a>
                        </div>
                    </li>
                    <li>
                        <p>服务热线</p>
                        <div>
                            <p>400-0000-000</p>
                            <p>周一至周日 8:00-18:00</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="extra">
            <div class="container w">
                <div class="slogan">
                    <a href="#">
                        <span></span>
                        <span>价格亲民</span>
                    </a>
                    <a href="#">
                        <span></span>
                        <span>物流快捷</span>
                    </a>
                    <a href="#">
                        <span></span>
                        <span>品质新鲜</span>
                    </a>
                </div>
                <div class="copyright">
                    <p>
                        <a href="#">关于我们</a>
                        <a href="#">帮助中心</a>
                        <a href="#">售后服务</a>
                        <a href="#">验送与验收</a>
                        <a href="#">商务合作</a>
                        <a href="#">搜索推荐</a>
                        <a href="#">友情链接</a>
                    </p>
                    <p>CopyRight © 小兔鲜儿</p>
                </div>
            </div>
        </div>

    </footer>
    <script src="../js/home.js"></script>
    <script src="../js/banner.js"></script>
</body>

</html>